<div id="footer" >
  <div class="footer-content clearfix">
    <div class="col1-4">
      <h3>{:L('contact_us')}</h3>
      <p><mylang eid='footer_contact' /></p>
    </div>
    <div class="col1-4">
      <h3>{:L('about_us')}</h3>
      <p><mylang eid='footer_about' /></p>
    </div>
    <div class="col1-4">
      <h3>{:L('Footer_Links')}</h3>
      <p>
        <a href="__APP__" title="{:L('home')}">{:L('home')}</a><br />
        <channel type='top' row='4'>
        <a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a><br>
        </channel>
      </p>
    </div>
    <div class="col1-4 last">
      <h3>{:L('We_are_Social')}</h3>
      <p>{:L('Connect_social_media')}</p>
      <ul class="social">
        <li class="twitter first"><a href="http://twitter.com/#!/envato/" title="twitter">Visit our twitter Account</a></li>
        <li class="facebook"><a href="http://facebook.com/envato/" title="facebook">Visit our facebook Account</a></li>
        <li class="dribble"><a href="http://dribble.com/" title="dribble">Visit our dribble Account</a></li>
        <li class="flickr"><a href="http://flickr.com/" title="flickr">Visit our flickr Account</a></li>
        <li class="vimeo"><a href="http://vimeo.com/" title="vimeo">Visit our vimeo Account</a></li>
      </ul>
      <div class="clear"></div>
    </div>
    <div id="footer-bottom" class="clear">
      <p class="alignleft"> <mylang eid='footer_copyright' /> </p>
      <p class="alignright"><a href="#" onclick="return false" title="Link">{:L('Terms_of_Use')}</a> <span class="padding">|</span> <a href="#" onclick="return false" title="Link">{:L('Privacy_Policy')}</a></p>
    </div>
  </div>
</div>